<template>
    <div class="reward-punishment-container">
        <span style="display: flex;justify-content: space-between;" class="back-link">
            <router-link class="back-link" to="/main/renshi/yuangongdangan/yuangongguanli/yuangongguanli"><el-button
                    type="primary" icon="el-icon-back">返回</el-button></router-link>
            <span class="back-link"><el-button type="info" icon="el-icon-printer"
                    @click="printForm">打印</el-button></span>
        </span>
        <!-- 公司及文件基本信息 -->
        <!-- <div class="company-info">
            <h1>深圳市艾美思普科技有限公司</h1>
            <h2>奖惩管理办法</h2>
            <p>文件编号：WI - A - JY - 05</p>
            <p>文件版本：B/2</p>
            <p>编制部门：企业管理部</p>
            <p>生效日期：2015 - 01 - 01</p>
            <div class="approval-info">
                <span>批准：</span>
                <span>审核：</span>
                <span>编制：</span>
                <div class="date-info">
                    <span>日期： 年 月 日</span>
                    <span>年 月 日</span>
                    <span>年 月 日</span>
                </div>
            </div>
        </div> -->
        <div class="page">
            <h1 class="title">深圳市艾美思普科技有限公司<br><br>奖惩管理办法</h1>
            <div class="meta">
                <div @dblclick="editMeta = true">
                    <p v-if="!editMeta">文件编号：{{ meta.fileNumber }}</p>
                    <input v-else v-model="meta.fileNumber" style="width: 100px;" @blur="editMeta = false" />
                </div>
                <div @dblclick="editMeta = true">
                    <p v-if="!editMeta">文件版本：{{ meta.version }}</p>
                    <input v-else v-model="meta.version" style="width: 100px;" @blur="editMeta = false" />
                </div>
                <div @dblclick="editMeta = true">
                    <p v-if="!editMeta">编制部门：{{ meta.department }}</p>
                    <input v-else v-model="meta.department" style="width: 100px;" @blur="editMeta = false" />
                </div>
                <div @dblclick="editMeta = true">
                    <p v-if="!editMeta">生效日期：{{ meta.effectiveDate }}</p>
                    <input v-else v-model="meta.effectiveDate" style="width: 100px;" @blur="editMeta = false" />
                </div>
            </div>
            <div>
                <div style="display: flex;justify-content: space-around; margin-bottom: 20px;line-height: 30px;">
                    <div @dblclick="editApproval = true">
                        <label v-if="!editApproval"><span>批准：{{ approvalPerson }}</span>
                            <span><br>日期：{{ approvalDate.year }}年{{ approvalDate.month }}月{{ approvalDate.day
                            }}日</span></label>
                        <label v-else>
                            <span>批准：<input type="text" v-model="approvalPerson" style="width: 100px;"
                                    @blur="editApproval = false" /></span>
                            <span><br>日期：<input type="text" v-model="approvalDate.year" style="width: 40px;">年
                                <input type="text" v-model="approvalDate.month" style="width: 40px;">月
                                <input type="text" v-model="approvalDate.day" style="width: 40px;">日</span>
                        </label>
                    </div>
                    <div @dblclick="editReview = true">
                        <label v-if="!editReview"><span>审核：{{ reviewer }}</span>
                            <span><br>日期：{{ reviewDate.year }}年{{ reviewDate.month }}月{{ reviewDate.day
                            }}日</span></label>
                        <label v-else>
                            <span>审核：<input type="text" v-model="reviewer" style="width: 100px;"
                                    @blur="editReview = false" /></span>
                            <span><br>日期：<input type="text" v-model="reviewDate.year" style="width: 40px;">年
                                <input type="text" v-model="reviewDate.month" style="width: 40px;">月
                                <input type="text" v-model="reviewDate.day" style="width: 40px;">日</span>
                        </label>
                    </div>
                    <div @dblclick="editCompilation = true">
                        <label v-if="!editCompilation"><span>编制：{{ compilationPerson }}</span>
                            <span><br>日期：{{ compilationDate.year }}年{{ compilationDate.month }}月{{ compilationDate.day
                            }}日</span></label>
                        <label v-else>
                            <span>编制：<input type="text" v-model="compilationPerson" style="width: 100px;"
                                    @blur="editCompilation = false" /></span>
                            <span><br>日期：<input type="text" v-model="compilationDate.year" style="width: 40px;">年
                                <input type="text" v-model="compilationDate.month" style="width: 40px;">月
                                <input type="text" v-model="compilationDate.day" style="width: 40px;">日</span>
                        </label>
                    </div>
                </div>
                <!-- 分发部门编号部分 -->
                <div style="width: 100%;overflow-x: auto;">
                    <div class="distribution">
                        <label>分发部门编号</label><br>
                    </div>
                    <div v-for="(group, groupIndex) in distributionGroups" :key="groupIndex">
                        <div
                            style="display: grid;grid-template-columns: repeat(4,1fr); gap: 5px; text-align: left; align-items: center;width: 600px;margin: 10px auto;">
                            <div style="white-space: nowrap; display: flex;" v-for="(item, itemIndex) in group"
                                :key="itemIndex">
                                &emsp;<input type="checkbox" v-model="selectedDepartments[item.value]"> &ensp;
                                <span @dblclick="isEditingDepartment = true" v-if="!isEditingDepartment">{{ item.label
                                }}</span>
                                <input v-else type="text" v-model="item.label" @blur="isEditingDepartment = false" />
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 分发部门及修订记录 -->
            <div class="distribution-revision">
                <!-- <div class="distribution">
                <p>分发部门编号</p>
            </div> -->
                <div class="revision">
                    <h3>修订记录</h3>
                    <table>
                        <thead>
                            <tr>
                                <th>版本</th>
                                <th>生效日期</th>
                                <th>修订内容摘要</th>
                                <th>修订部门</th>
                                <th>修订人</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>B/1</td>
                                <td>2013 - 09 - 10</td>
                                <td>内容局部修订</td>
                                <td>企业管理部</td>
                                <td>沈珂琪</td>
                            </tr>
                            <tr>
                                <td>B/2</td>
                                <td>2015 - 01 - 01</td>
                                <td>删除5.2.4条款，修订5.4.1.1条款</td>
                                <td>企业管理部</td>
                                <td>沈珂琪</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <p class="version-warning">使用前请确认是否为最新版本！</p>
            </div>

        </div>
        <div class="page">
            <!-- 正文内容 -->
            <div class="content">
                <section>
                    <h3>1 目的：</h3>
                    <p>建立公平、公正之奖励惩罚措施，实行奖优罚劣，使奖优罚劣有依可循，特制订本管理办法。</p>
                </section>
                <section>
                    <h3>2 范围：</h3>
                    <p>2.1 本管理办法适用于深圳市艾美思普科技有限公司所有人员。</p>
                    <p>2.2 本管理办法适用于行政奖惩事项，涉及到品质管理奖惩事项的，详见各部门相关规定。</p>
                </section>
                <section>
                    <h3>3 职责：</h3>
                    <p>3.1 企业管理部：负责对本办法进行培训、解释、说明、监督实施与执行本管理办法的具体作业。</p>
                    <p>3.2 各部门：负责对本部门进行培训与监督实施。</p>
                </section>
                <section>
                    <h3>4 定义：</h3>
                    <p>（无）</p>
                </section>
                <section>
                    <h3>5 内容：</h3>
                    <!-- 奖励类别 -->
                    <h4>5.1 奖励类别：</h4>
                    <ul>
                        <li>5.1.1 嘉奖；</li>
                        <li>5.1.2 记功；</li>
                        <li>5.1.3 记大功；</li>
                        <li>5.1.4 专项奖励，需总经理签批后方可生效。</li>
                    </ul>
                    <!-- 奖励项目 -->
                    <h4>5.2 奖励项目：</h4>
                </section>
            </div>
        </div>
        <div class="page">
            <div class="content">
                <section>
                    <!-- 嘉奖 -->
                    <h5>5.2.1 员工有下列事情之一者，给予嘉奖：</h5>
                    <ol>
                        <li>品行优良、技术超群、助人为乐、工作认真，尽职尽责，为从业人员楷模者；</li>
                        <li>管理者领导有方，业务推展卓有成效者；</li>
                        <li>维护团体荣誉，热心服务，有具体事迹者；</li>
                        <li>参加救援工作，精神可嘉者；</li>
                        <li>尽职尽责全年度办理各项业务未出任何差错者；</li>
                        <li>拾金不昧者；</li>
                        <li>在艰苦条件下工作，足为楷模者；</li>
                        <li>其它类似之行为者；</li>
                    </ol>
                    <!-- 记功 -->
                    <h5>5.2.2 员工有下列事迹之一者，给予记功：</h5>
                    <ol>
                        <li>对生产技术或管理制度提出建议，经采纳施行，绩效显著者；</li>
                        <li>执行临时紧急任务能依限完成，表现优异者；</li>
                        <li>检举重大发现或损害公司权益事项者；</li>
                        <li>参与抗灾救援工作，主动积极，并处置得当者；</li>
                        <li>开源节约，废旧利用，卓有成效者；</li>
                        <li>发现职责外的故障，主动报警或妥善处理防止灾变扩大者；</li>
                        <li>其它类似之行为者；</li>
                    </ol><!-- 记大功 -->
                    <h5>5.2.3 员工有下列事情之一者，给予记大功：</h5>
                    <ol>
                        <li>对主办业务有重大革新，提出具体方案，经采行后成效卓越者；</li>
                        <li>对于舞弊或有危害本公司权益之行为，能事先检举或防止，使公司避免重大损失者；</li>
                        <li>遇意外事件或灾变能随机应变，措施得当或不顾自身危险，勇敢救护，保全人命，使公司损失降低在最小限度者；</li>
                        <li>研究改进生产工艺，提高产品品质，降低成本有显著功效者；</li>
                        <li>维护员工安全，冒险执行任务，确有功迹者；</li>
                        <li>其它类似之行为者；</li>
                    </ol>
                </section>
            </div>
        </div>
        <div class="page">
            <div class="content">
                <section>

                    <h5>5.2.4 季度评优及岗位比武奖励详见《季度评优方案》及《岗位比武方案》。</h5>
                    <!-- 惩罚类别 -->
                    <h4>5.3 惩罚类别：</h4>
                    <ul>
                        <li>5.3.1 警告；</li>
                        <li>5.3.2 记过；</li>
                        <li>5.3.3 记大过；</li>
                        <li>5.3.4 专项处罚</li>
                    </ul>
                    <!-- 惩罚项目 -->
                    <h4>5.4 惩罚项目：</h4>
                    <!-- 警告 -->
                    <h5>5.4.1 对于有下列行为之一的职工，一经查实，且经批评教育不改的，应当给予警告：</h5>
                    <ol>
                        <li>在工作场所赤足、穿背心、不穿工作拖鞋、工衣、不戴工帽者（注：不戴工帽之情形系指无尘车间）；</li>
                        <li>上下班不排队、插队打卡者；</li>
                        <li>上班时间聊天、嬉戏或从事规定以外之工作者；</li>
                        <li>在车间吃东西者；</li>
                        <li>破坏工作场所或公共区域的环境卫生者，如乱丢纸屑、随地吐痰等；</li>
                        <li>机台工作环境欠整洁，经指正后仍不加整理者；</li>
                        <li>因疏忽造成工作错误情节轻微者；</li>
                        <li>涂写墙壁、机器设备或任意张贴文件，影响观瞻者；</li>
                        <li>不按规定填写报表或工作记录者；</li>
                        <li>上班时间未经许可私自会客或接听盗打私人电话者；</li>
                        <li>检查或督导人员不认真执行任务者；</li>
                        <li>下班不走规定路线者；</li>
                        <li>上班、加班、培训、开会、集合迟到者；</li>
                        <li>妨碍工作或团体秩序情节轻微者；</li>
                        <li>违反其它规定，情节尚属轻微者。</li>
                    </ol>
                </section>
            </div>
        </div>
        <div class="page">
            <div class="content">
                <section>
                    <!-- 记过 -->
                    <h5>5.4.2 对于有下列行为之一的职工，一经查实，应当给予记过处分：</h5>
                    <ol>
                        <li>上级交办任务，执行不力或处理不当者；</li>
                        <li>办事拖拉或积压文件，影响工作效率者；</li>
                        <li>上班时间酒气冲天者；</li>
                        <li>工作场所喧哗、吵闹妨碍他人工作者；</li>
                        <li>未经许可擅自带客人入厂参观者；</li>
                        <li>对同事恶意攻击、诬陷，作伪证、制造事端者；</li>
                        <li>工作时间偷闲睡觉、阅读书报或做其它私事者；</li>
                        <li>遇有意外重大问题而隐瞒真相，不向上级报告者；</li>
                        <li>违反上级指示，情节尚属轻微者；</li>
                        <li>上班时间未经许可擅自离开工作场所者；</li>
                        <li>言行失检，态度傲慢，经劝导仍不服从者；</li>
                        <li>指派加班，借故推委亦不办理请假手续者；</li>
                        <li>机械故障或原料不足因素，故意降低产量标准者；</li>
                        <li>携带物品出入工厂拒绝门卫查询检查者；</li>
                    </ol>
                    <!-- 记大过 -->
                    <h5>5.4.3 对于有下列行为之一的职工，一经查实，应当给予记大过：</h5>
                    <ol>
                        <li>上班时间擅离岗位，影响本职工作者；</li>
                        <li>报告失实，蒙骗上级者；</li>
                        <li>违反工作方法，严重影响生产或产品质量者；</li>
                        <li>捏造不实记录、报表或口供蒙骗上级者；</li>
                        <li>投机取巧、隐瞒蒙骗、牟取非份利益者；</li>
                        <li>接受与职务有关的馈赠者；</li>
                        <li>造谣生事、散播流言，使公司蒙受重大损害者；</li>
                        <li>利用公司设备制作私人物件或委托他人制造者；</li>
                        <li>拒绝服从主管人员合理指挥、督导或者无理取闹者；</li>
                    </ol>
                </section>
            </div>
        </div>
        <div class="page">
            <div class="content">
                <section>
                    <ol start="10">
                        <li>破坏设备、工具或浪费材料、能源，造成经济损失轻微者；</li>
                        <li>违反技术操作规程或安全卫生规程，使公司蒙受经济损失者；</li>
                        <li>工作时间精神散漫，又故意不按规定时间完成生产或工作任务者；</li>
                        <li>机器、车辆、仪器及具有技术性的工具，未经使用人及单位主管同意擅自操作者；</li>
                        <li>遗失经管的重要文件、机件或工具者；</li>
                        <li>伪造出勤纪录或擅自操作打卡钟者；</li>
                        <li>撕毁公司的公告、文件者；</li>
                        <li>因工作安排不服从，等导致威胁对象者；</li>
                        <li>有5.4.2条各款行为之一经记过处分不知悔改，且重犯错误者；</li>
                        <li>有本条各款行为之一，如情节较轻，且事后尚知悔改的，可减轻为记过处分；</li>
                    </ol>
                    <p>5.4.4 职工在同一年度内累计被记大过三次的可予降职/降级处理；</p>
                    <!-- 开除 -->
                    <h5>5.4.5 有下列行为之一的职工，一经查实，应予开除，案情重大者，并送公安机关严办；</h5>
                    <ol>
                        <li>对上级领导及其家属或其他职工施加暴力或者重大侮辱之行为者；</li>
                        <li>法院批准执行或批准劳动教育者；</li>
                        <li>厂内聚众闹事、酗酒、同事间争吵打架或煽动怠工、罢工，影响生产或工作秩序者；</li>
                        <li>利用公司名义外招摇撞骗，使公司蒙受名誉或经济损失者；</li>
                        <li>侵占公款、公物者；</li>
                        <li>利用职务/业务之便行贿受贿及收受业务回扣者；</li>
                        <li>故意泄漏公司技术上的秘密或未经许可擅自翻阅、抄录翻印公司机密图纸、资料者；</li>
                        <li>故意破坏设备、工具、原材料、产品或其他公物者；</li>
                        <li>厂内聚赌或有重大伤风败俗之行为者；</li>
                        <li>伪造或盗用公司公章及文件者；</li>
                        <li>偷窃公司或他人财物者；</li>
                        <li>在外从事第二职业或其他非法经营活动者；</li>
                    </ol>
                </section>
            </div>
        </div>
        <div class="page">
            <div class="content">
                <section>
                    <ol start="12">
                        <li>伪造职称证或者借用他人的职称证或将职称证借给他人蒙混入厂者，提供虚假资料，使公司蒙受损失者；</li>
                        <li>无缘无故拒绝领导的工作分配、调动且情节严重者；</li>
                        <li>有贪污、投机倒把、走私贩毒、敲诈勒索以及其他违法乱纪之行为者；</li>
                        <li>违反技术操作规程或安全卫生规程，导致发生重大事故者；</li>
                        <li>凡造成公司或他人经济损失应追究赔偿责任；</li>
                        <li>有5.4.3条各款行为之一，经记大过处分后，仍不知悔改，并重犯错误者；</li>
                        <li>本条各款行为之一，而情节较轻，且事后尚知悔改的可减轻为记大过处分；</li>
                    </ol>
                    <p>5.4.6 因员工自身原因被公司辞退、开除者，终生不予录用，并记入其人事档案。</p>
                    <!-- 奖惩案件的提报 -->
                    <h4>5.5 奖惩案件的提报：</h4>
                    <p>各部提报本部员工之嘉奖、记功、警告、记过等，由相关员工、目击举证员工或其直属上级提报，依本办法有关规定，填写《奖惩提报单》，由各部经理签准，事业部长/总监批准后，企业管理部查实、记录、存档。
                    </p>
                    <!-- 其它规定 -->
                    <h4>5.6 其它规定：</h4>
                    <p>5.6.1 对于弄虚作假，骗取奖励的员工，应当按照情节轻重，给予必要的处分；</p>
                    <p>5.6.2 对于滥用职权，利用处分员工进行打击报复或对应处分的员工进行包庇的人员应当予以开除处分；</p>
                    <p>5.6.3 本规定之未尽事宜悉依其他相关规定办理。</p>
                    <h3>6 附件、相关文件及表单：</h3>
                    <!-- 相关文件 -->
                    <h4>6.1 相关文件：</h4>
                    <p>（无）</p>
                    <!-- 相关表单 -->
                    <h4>6.2 相关表单：</h4>
                    <ul>
                        <li>6.2.1 《奖罚公告》</li>
                        <li>6.2.2 《专项奖励申请单》</li>
                        <li>6.2.3 《奖惩提报单》</li>
                    </ul>
                </section>
            </div>
        </div>
    </div>
</template>
<script>
export default {
    data() {
        return {
            meta: {
                fileNumber: 'AP-JY-05',
                version: 'B/2',
                department: '企业管理部',
                effectiveDate: '2015-01-01'
            },
            approvalPerson: '',//批准
            reviewer: '',//审核
            compilationPerson: '',//编制
            approvalDate: { year: '', month: '', day: '' },
            reviewDate: { year: '', month: '', day: '' },
            compilationDate: { year: '', month: '', day: '' },
            distributionGroups: [
                [
                    { value: '01', label: '01:总经理室' },
                    { value: '02', label: '02:管理者代表' },
                    { value: '03', label: '03:企业管理部' },
                    { value: '04', label: '04:财务管理部' }
                ],
                [
                    { value: '10', label: '10:手机厂务部' },
                    { value: '16', label: '16:总装生产部' },
                    { value: '25', label: '25:品质部' },
                    { value: '30', label: '30:光电厂务部' }
                ],
                [
                    { value: '11', label: '11:手机业务部' },
                    { value: '20', label: '20:厂务部' },
                    { value: '26', label: '26: S M T' },
                    { value: '31', label: '31:光电生产部' }
                ],
                [
                    { value: '12', label: '12:手机物控部' },
                    { value: '21', label: '21:业务部' },
                    { value: '27', label: '27:二车间' },
                    { value: '32', label: '32:光电品质部' }
                ],
                [
                    { value: '13', label: '13:板卡生产部' },
                    { value: '22', label: '22:研发部' },
                    { value: '28', label: '28:三车间' },
                    { value: '33', label: '33:光电业务部' }
                ],
                [
                    { value: '14', label: '14:手机品质部' },
                    { value: '23', label: '23:物控部' },
                    { value: '29', label: '29:采购部' },
                    { value: '34', label: '34:光电物控部' }
                ],
                [
                    { value: '15', label: '15:手机工程部' },
                    { value: '24', label: '24:工程部' }
                ]
            ], selectedDepartments: {},
            revisionRecords: [
                {
                    version: '',
                    effectiveDate: { year: '', month: '', day: '' },
                    summary: '',
                    department: '',
                    revisor: ''
                }
            ],
            editMeta: false,
            editApproval: false,
            editReview: false,
            editCompilation: false,
            isEditingDepartment: false,
        };
    },
    methods: {
        printForm() {
            window.print()
        }
    }
};
</script>
<style scoped lang="scss">
/* 全局设置为宋体字体 */
* {
    font-family: '宋体', sans-serif;
}

/* 整体容器样式 */
.reward-punishment-container {
    padding: 20px;
    // padding: 40px;
    max-width: 210mm;
    margin: 0px auto;
    // background-color: #fdfdfd;
    border-radius: 12px;
    // box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    text-align: left;
    line-height: 1.9;
}

.page {
    width: 210mm;
    height: 297mm;
    padding: 15mm;
    border: 1px solid #e0e0e0;
    background-color: #f9f9f9;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    page-break-after: always;
    text-align: left;
    line-height: 29.3326px;
    letter-spacing: 0.1039em;
    // margin-top: 20px;
    margin: 20px auto;
}

/* 公司及文件基本信息样式 */
.company-info {
    text-align: center;
    margin-bottom: 40px;
    border-bottom: 2px solid #eaeaea;
    padding-bottom: 30px;
}

.company-info h1 {
    font-size: 36px;
    margin-bottom: 15px;
    color: #333;
}

.company-info h2 {
    font-size: 28px;
    margin-bottom: 25px;
    color: #555;
}

.company-info p {
    margin: 0;
    line-height: 1.8;
    color: #777;
}

.approval-info {
    display: flex;
    justify-content: center;
    gap: 30px;
    margin-top: 20px;
}

.approval-info span {
    font-weight: bold;
    color: #666;
}

.date-info span {
    margin-left: 8px;
    color: #888;
}

/* 分发部门及修订记录样式 */
.distribution-revision {
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-bottom: 40px;
    border-bottom: 2px solid #eaeaea;
    padding-bottom: 30px;
}

.distribution {
    text-align: center;
    color: #777;
}

.revision h3 {
    font-size: 24px;
    margin-bottom: 15px;
    text-align: center;
    color: #444;
}

.revision table {
    width: 100%;
    border-collapse: collapse;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.revision table th,
.revision table td {
    border: 1px solid #ddd;
    padding: 12px;
    text-align: center;
    white-space: nowrap;
}

.revision table th {
    background-color: #f5f5f5;
    color: #555;
}

.version-warning {
    text-align: center;
    color: #999;
    font-style: italic;
    // margin-top: 20px;
}

/* 正文内容样式 */
.content {
    line-height: 2;
}

.content section {
    margin-bottom: 30px;
}

.content h3 {
    font-size: 22px;
    margin-bottom: 12px;
    color: #0088cc;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 8px;
}

.content h4 {
    font-size: 20px;
    margin-bottom: 10px;
    color: #444;
}

.content h5 {
    font-size: 18px;
    margin-bottom: 8px;
    color: #666;
}

.content ul,
.content ol {
    padding-left: 25px;
}

.content li {
    margin-bottom: 8px;
}

.back-link {
    text-decoration: none;
    color: #409EFF;
    font-size: 14px;
    transition: all 0.3s;
}

.title {
    text-align: center;
    /* 标题居中 */
    // font-size: 24px;
    /* 标题字体大小 */
}

.meta {
    margin: 0 auto;
    width: 185px;
    text-align: left;
    /* 元信息居中 */
    margin-bottom: 5px;
    /* 元信息下方边距 */
    color: #000;
    /* 元信息字体颜色 */
}

.meta p {
    margin: 5px 0;
    /* 元信息段落内边距 */
}

/* 批准、审核、编制部分样式 */
.attendance-management div div {
    /* display: flex; */
    /* flex-direction: column; */
    /* 垂直排列 */
    align-items: center;
    /* 水平居中 */
}

.attendance-management div div label {
    margin-bottom: 5px;
    /* 标签下方边距 */
}

.attendance-management div div span {
    display: flex;
    /* 水平排列输入框 */
}

.attendance-management div div span input {
    margin-right: 5px;
    /* 输入框之间的间距 */
}

input {
    border: none;
    /* 去掉输入框边框 */
    background-color: transparent;
    /* 去掉输入框背景色 */
}

/* 分发部门编号部分样式 */
.distribution-groups {
    margin-bottom: 20px;
    /* 下方边距 */
}

.distribution-groups label {
    margin-bottom: 5px;
    /* 标签下方边距 */
    display: block;
    /* 单独占一行 */
}

.distribution-groups div {
    margin-bottom: 10px;
    /* 每个分组下方边距 */
}

@media print {

    /*@page规则被用来设置打印页面的方向为横向*/
    // @page {
    //   size: landscape;
    // }

    .reward-punishment-container {
        padding: 20px 10px 20px 1px;
        margin-right: 5px;
        box-shadow: 0 0px 0px rgba(255, 255, 255, 0) !important;
    }

    .title {
        margin-top: 0px;
        padding-top: 0px;
    }

    .back-link {
        display: none;
    }

    .page {
        box-shadow: none;
        border: none;
    }

    .page-header {
        .header-actions {
            display: none;
        }
    }

    .main-form {
        box-shadow: none;
        padding: 10px;
    }

    table {
        margin: 0px 0px;
        box-shadow: none;
    }

    .info-table,
    .content-table,
    .approval-table {
        border: 1px solid #000;

        td,
        th {
            border: 1px solid #000;
        }
    }

    td,
    th {
        padding: 5px;
        border: 1px solid #000;
        white-space: nowrap;
    }
}
</style>